import 'dart:ui';
import 'package:flutter/material.dart';

class BackdrapFileterDemo extends StatefulWidget {
  @override
  _BackdrapFileterDemoState createState() => _BackdrapFileterDemoState();
}

class _BackdrapFileterDemoState extends State<BackdrapFileterDemo> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      alignment: Alignment.center,
      children: <Widget>[
        Container(
          width: 300,
          height: 400,
          child: Image.asset('assets/images/jd1.jpg'),
        ),
        BackdropFilter(
          filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
          child: Center(
            child: Container(
                color: Colors.red.withOpacity(0),
                child: Text('ggb is a good boy',
                    style: TextStyle(color: Colors.blue))),
          ),
        )
      ],
    );
  }
}
